<!--<template>-->
<!--<div>-->
<!--	&lt;!&ndash; 1. metadata &ndash;&gt;-->
<!--	<c-metadata v-model="value" dtCols="3" ddCols="9" @navigate="$emit('navigate', arguments[0])">-->
<!--		<dt v-if="selector" class="col-sm-3">选择器</dt>-->
<!--		<dd v-if="selector" class="col-sm-9">-->
<!--			<span v-for="(value, name) in selector" v-bind:key="name" class="border-box background">{{ value }}</span>-->
<!--		</dd>-->
<!--		<dt class="col-sm-3">最小可用</dt><dd class="col-sm-9">{{ info.minAvailable }}</dd>-->
<!--		<dt class="col-sm-3">最大可用</dt><dd class="col-sm-9">{{ info.maxUnavailable }}</dd>-->
<!--		<dt class="col-sm-3">当前健康度</dt><dd class="col-sm-9">{{ info.currentHealthy }}</dd>-->
<!--		<dt class="col-sm-3">期望健康度</dt><dd class="col-sm-9">{{ info.desiredHealthy }}</dd>-->
<!--	</c-metadata>-->
<!--</div>-->
<!--</template>-->
<!--<script>-->
<!--import VueMetadataView	from "@/components/view/metadataView.vue";-->

<!--export default {-->
<!--	props:["value"],-->
<!--	components: {-->
<!--		"c-metadata": { extends: VueMetadataView }-->
<!--	},-->
<!--	data() {-->
<!--		return {-->
<!--			metadata: {},-->
<!--			info: {},-->
<!--			selector: {}-->
<!--		}-->
<!--	},-->
<!--	watch: {-->
<!--		value(d) { this.onSync(d) }-->
<!--	},-->
<!--	methods: {-->
<!--		onSync(data) {-->
<!--			if(!data) return-->
<!--			this.info =  {-->
<!--				minAvailable: data.spec.minAvailable || "N/A",-->
<!--				maxUnavailable: data.spec.maxUnavailable || "N/A",-->
<!--				currentHealthy: data.status.currentHealthy,-->
<!--				desiredHealthy: data.status.desiredHealthy,-->
<!--			}-->
<!--			this.selector = this.stringifyLabels(data.spec.selector.matchLabels);-->
<!--		}-->
<!--	}-->
<!--}-->
<!--</script>-->
